<!--
	作者：2575202388@qq.com
	时间：2018-10-16
	描述：导航条
-->
<template>

	<Row class="nav">
		<span v-if="title" style="float: left;">
		<span style="color:rgba(0,0,0,0.5);">
			<a style="color:rgba(0,0,0,0.5);cursor: pointer;" @click="clicktitle" >{{title}}</a>
		</span>
		<Icon type="ios-arrow-forward" />
		</span>

		<span class="li" v-for="nav in list">
			<router-link tag="a" :to="{path:nav.path}">
		      	{{nav.name}}
		    </router-link>
		</span>
	</Row>

</template>

<script>
	export default {
		props: {
			title: String,
			list: Array
		},
		methods: {
			clicktitle(){
				this.$emit("clicktitle");
			},
		}
	}
</script>

<style scoped="scoped">
	.li {
		margin-left: 30px;
	}
	
	.nav {
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}
	
	.a {
		color: #c7d0e1;
	}
	
	.active {
		color: #0023fb;
		font-weight: bold;
	}
</style>